@import "../base/SliderBase-parameters.css";

:root {
	/* handle */
	--_ui5_slider_handle_height: 1.5rem;
	--_ui5_slider_handle_width: 2rem;
	--_ui5_slider_handle_icon_display: inline-block;
	--_ui5_range_slider_root_hover_handle_icon_display: inline-block;
	--_ui5_slider_handle_border_radius: 0.5rem;
	--_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);
	--_ui5_slider_handle_border: 0.0625rem solid var(--sapField_BorderColor);
	--_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);
	--_ui5_slider_handle_top: -.5625rem;
	--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
	--_ui5_slider_handle_focus_border: 0.125rem solid var(--sapField_BorderColor);
	--_ui5_slider_handle_outline: none;
	--_ui5_slider_handle_box_sizing: border-box;
	--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
	--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
	--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
	--_ui5_slider_inner_height: 0.25rem;
	--_ui5_slider_progress_border_radius: 0.25rem;
	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
	--_ui5_slider_progress_container_dot_display: block;
	--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
	--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
	--_ui5_slider_progress_after_border: solid 0.0625rem var(--sapContent_Selected_MeasureIndicatorColor);
	--_ui5_slider_progress_before_border: solid 0.0625rem var(--sapContent_MeasureIndicatorColor);
	--_ui5_slider_start_end_point_top: -3px;
	--_ui5_slider_progress_outline_offset: -14px;
	--_ui5_slider_outer_height: calc(var(--_ui5_slider_handle_height) + 9px);
	--_ui5_slider_progress_outline_offset_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px);
	--_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
	--_ui5_range_slider_focus_outline_width: calc(100% + var(--_ui5_slider_handle_width) + 12px);
	--_ui5_range_slider_focus_outline_radius: .5rem;
	--_ui5_slider_tickmark_height: .5rem;
	--_ui5_slider_tickmark_top: -.125rem;
	--_ui5_slider_progress_box_sizing: border-box;
	--_ui5_slider_active_progress_box_sizing: border-box;

	--_ui5_slider_progress_container_top: .0625rem;
	--_ui5_slider_progress_height: .375rem;
	--_ui5_slider_active_progress_left: -.0625rem;
	--_ui5_slider_active_progress_top: -.15625rem;

	--_ui5_slider_no_tickmarks_progress_container_top: 0;
	--_ui5_slider_no_tickmarks_progress_height: 100%;
	--_ui5_slider_no_tickmarks_active_progress_border: none;
	--_ui5_slider_no_tickmarks_active_progress_left: 0;
	--_ui5_slider_no_tickmarks_active_progress_top: 0;

	--_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);
	--_ui5_slider_tooltip_color: var(--sapContent_LabelColor);
	--_ui5_slider_tooltip_background: var(--sapField_Background);
	--_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);
	--_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);
	--_ui5_slider_tooltip_border: 0.0625rem solid var(--_ui5_slider_tooltip_border_color);
	--_ui5_slider_tooltip_box_shadow: none;
	--_ui5_slider_tooltip_padding: 0.25rem;
	--_ui5_slider_tooltip_height: 1.375rem;
	--_ui5_slider_tooltip_min_width: 2rem;
	--_ui5_slider_tooltip_bottom: 2rem;
	--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);
	--_ui5_slider_tooltip_border_box: border-box;
	--_ui5_slider_handle_focus_visibility: block;
}

[data-ui5-compact-size],
.ui5-content-density-compact,
.sapUiSizeCompact {
	--_ui5_slider_handle_width: 1.5rem;
	--_ui5_range_slider_focus_outline_width: calc(100% + var(--_ui5_slider_handle_width) + 12px);
	--_ui5_slider_outer_height: calc(var(--_ui5_slider_handle_height) + 10px);
	--_ui5_slider_progress_outline_offset: calc((-1 * var(--_ui5_slider_outer_height)) + 1rem);
	--_ui5_slider_progress_outline_offset_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px);
}
